<template>
  <div class="app-container">

    <!-- v-model是用来绑定选中的标签，跟标签页的name属性有关 -->
    <el-tabs v-model="activeName">
      <!-- 要有几个标签就有几个el-tab-pane -->
      <!-- 每个标签里包他们自己显示的内容 -->
      <el-tab-pane label="角色管理" name="role">
        <role-manage />
      </el-tab-pane>
      <el-tab-pane label="公司信息" name="info">
        <company-info />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
// 导入组件
import RoleManage from './components/RoleManage.vue'
import CompanyInfo from './components/CompanyInfo.vue'
export default {
  name: 'Setting',
  components: {
    RoleManage,
    CompanyInfo
  },
  data() {
    return {
      activeName: 'role'
    }
  }
}
</script>
